import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  charset: 'utf-8',
  'body': {
    'paddingTop': [{ 'unit': 'rem', 'value': 1.5 }],
    'paddingBottom': [{ 'unit': 'px', 'value': 60 }],
    'position': 'relative',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': 'vh', 'value': 100 }]
  },
  'a': {
    'cursor': 'pointer',
    'color': 'initial'
  },
  // 顶部搜索框
  '#search-info': {
    'position': 'fixed',
    'top': [{ 'unit': 'px', 'value': 0 }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'backgroundColor': '#f30',
    'padding': [{ 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }, { 'unit': 'rem', 'value': 0.2 }],
    'overflow': 'hidden',
    'boxSizing': 'border-box',
    'color': '#fff',
    'zIndex': '9999',
    'textAlign': 'center'
  },
  '#logo': {
    // margin: 0.2rem;
    'width': [{ 'unit': 'rem', 'value': 1 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 1 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.9 }],
    'textAlign': 'center',
    'fontWeight': '100',
    'color': '#fff',
    'display': 'block',
    'float': 'left'
  },
  '#search-info span': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.6 }],
    'lineHeight': [{ 'unit': 'rem', 'value': 1 }],
    // display: block;
  },
  '#search-info zhuce': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'float': 'right'
  },
  '#search-info zhuce a': {
    'color': '#fff'
  },
  'forms': {
    'textAlign': 'center'
  },
  'forms p': {
    'width': [{ 'unit': '%H', 'value': 1 }]
  },
  'forms img': {
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }],
    'width': [{ 'unit': 'rem', 'value': 3 }],
    'height': [{ 'unit': 'rem', 'value': 3 }]
  },
  'forms input': {
    'width': [{ 'unit': '%H', 'value': 0.9 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'display': 'table',
    'margin': [{ 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#999' }],
    'padding': [{ 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }],
    'borderRadius': '5px',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }]
  },
  'input::-webkit-input-placeholder': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }]
  },
  'input::-moz-placeholder': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }]
  },
  'input:-ms-input-placeholder': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }]
  },
  'forms button': {
    'display': 'block',
    'width': [{ 'unit': '%H', 'value': 0.9 }],
    'height': [{ 'unit': 'rem', 'value': 1 }],
    'margin': [{ 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'rem', 'value': 0.5 }, { 'unit': 'string', 'value': 'auto' }],
    'backgroundColor': '#f30',
    'borderRadius': '5px',
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#fff'
  },
  'forms ul': {
    'listStyle': 'none',
    'width': [{ 'unit': '%H', 'value': 0.9 }],
    'margin': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': 'auto' }]
  },
  'forms ul li': {
    'width': [{ 'unit': '%H', 'value': 0.5 }],
    'float': 'left',
    'display': 'block',
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }]
  },
  'forms ul li a': {
    'color': '#5D9BEC!important'
  },
  // 弹出框
  'alert-box': {
    'position': 'absolute',
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'top': [{ 'unit': 'px', 'value': 0 }],
    'bottom': [{ 'unit': 'px', 'value': 0 }],
    'backgroundColor': 'rgba(1, 1, 1, 0.5)',
    'display': 'none',
    'zIndex': '1000000'
  },
  'alert-box alert-content': {
    'margin': [{ 'unit': 'vh', 'value': 30 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'vh', 'value': 30 }, { 'unit': 'string', 'value': 'auto' }],
    'backgroundColor': '#fff',
    'height': [{ 'unit': 'rem', 'value': 4 }],
    'width': [{ 'unit': '%H', 'value': 0.8 }],
    'padding': [{ 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }, { 'unit': 'px', 'value': 10 }],
    'textAlign': 'center',
    'borderRadius': '10px'
  },
  'alert-box alert-content p': {
    'fontSize': [{ 'unit': 'rem', 'value': 0.4 }],
    'margin': [{ 'unit': 'rem', 'value': 0.3 }, { 'unit': 'string', 'value': 'auto' }, { 'unit': 'rem', 'value': 0.3 }, { 'unit': 'string', 'value': 'auto' }]
  },
  'alert-box alert-content close': {
    'cursor': 'pointer',
    'paddingTop': [{ 'unit': 'rem', 'value': 0.15 }],
    'borderTop': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#999' }],
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'fontSize': [{ 'unit': 'rem', 'value': 0.5 }],
    'color': '#79BD50'
  }
});
